@import "var.less";
/*数据类控件组件的定义*/
div.oc-data-list{
	position: absolute;//组件定位
	box-sizing: border-box;
	overflow: hidden;
	header{
		width: 2840px;
		position: absolute;
		left: 0;
		right: 0;
		background-color:@tableHeadColor;
		label{
			display: block;
			z-index: 2;
			float: left;
			position: relative;
			box-sizing: border-box;
			height: @tableLabel;
			line-height: @tableLabel;
			min-width: 4em;
			padding: 0 0.5em;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			background-color: inherit;
			color: #666;
			&:hover{
				background-color: @tableTrHoverBGColor;
			}
			hr{
				float: right;
				position: relative;
				right: -0.5em;
				height: 100%;
				border: none;
				border-left: 1px solid @hrColor;
			}
		}
	}
	&>section{
		width: 100%;
		height: 100%;
		overflow-y: auto;
		overflow-x: visible;
		position: relative;
		z-index: 1;//防止被header的背景遮住
		table{
			border-collapse: collapse;
		}
		thead{
			height:@tableHead;
		}
		th{
			border-bottom: none;
		}
		td{
			border: 1px solid transparent;
		}
		tbody{
			tr{
				height: @formH;
				&:hover{
					background-color: @tableTrHoverBGColor;
				}
			}
			tr.active{
				box-shadow: 0 0 0 1px rgba(102, 102, 102, 0.2) inset ;
				border-collapse:collapse;
				background-color: #CCE8FE;
			}
		}
		input{
			box-sizing: border-box;
			padding-left: 0.2rem;
			width: 100%;
			height: @formH;
			border: none;
			border: 1px solid transparent;
			background-color: transparent;
			position: static;
		}
	}
}
